<template>
	<modal :showModal="showModal">
		<view class="transfer-modal animated"  :class="[showModal ? 'zoomIn':'zoomOut']">
			<view class="transfer-con">
				<view class="code">
					<image :src='contactObj.qrcode'></image>
				</view>
				<view class="tip">长按识别二维码</view>
				<!-- <button class="transfer-btn line-center" :disabled="isDisabled" :loading="isDisabled" @tap='loginOut'>长按识别二维码</button> -->
			</view>
			<uni-icons type="close" color="#fff" size="40" @tap="close"></uni-icons>
		</view>
		<!-- <view class="contact-modal">
			<view class="contact-modal-bg">
				<image src='/static/call-bg.png'></image>
				<view class="concat-con">
					<view class="code">
						<image :src='contactObj.qrcode'></image>
					</view>
					<view class="call line-center">
						<text>长按识别二维码</text>
					</view>
				</view>
			</view>
			<view class="del flex-center" @tap='close'>
				<uni-icons type="close" color="#fff" size="36"></uni-icons>
			</view>
		</view> -->
	</modal>
</template>

<script>
	import modal from '../modal/modal.vue';
	export default {
		name:"contact-modal",
		components:{
			modal,
		},
		props:{
			// showModal:Boolean,
			contactObj:Object
		},
		data() {
			return {
				showModal:false
			};
		},
		methods:{
			makCall(){
				uni.makePhoneCall({
					phoneNumber:this.contactObj.phone
				})
			},
			show(){
				this.showModal = true;
			},
			close(){
				this.showModal = false;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.code{
		width: 226rpx;
		height: 226rpx;
		margin:50rpx auto 0;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.contact-modal{
		width: 100%;
		height: 100%;
		position: fixed;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.contact-modal-bg{
			width: 542rpx;
			height: 664rpx;
			position: relative;
			image{
				width: 100%;
				height: 100%;
			}
			.concat-con{
				width: 100%;
				height: 100%;
				position: absolute;
				left:0;
				top:0;
				
				.call{
					width: 378rpx;
					height: 52rpx;
					background: #F7FAFF;
					border-radius: 8rpx;
					margin:70rpx auto 0;
					color:#2459F5;
					font-family: 'DIN-BOLD';
					image{
						width: 34rpx;
						height: 33rpx;
					}
				}
			}
		}
		.del{
			width: 100rpx;
			height: 100rpx;
		}
		
		
	}

</style>